// 基于准备好的dom，初始化echarts实例
// var myChart_middle = echarts.init(document.getElementById('middle'));
// var myChart_right = echarts.init(document.getElementById('right'));

// var myChart_middle_1 = echarts.init(document.getElementById('middle_1'));
// var myChart_right_1 = echarts.init(document.getElementById('right_1'));

left_0();//迟到
// function left_0(){
//     var myChart_left = echarts.init(document.getElementById('left'));
//     $.post('http://localhost:8080/hp_hr/statistics/getqd.do', function (data) {
//         myChart_left.setOption({
//             title: {
//                 text: '当月考勤记录'
//             },
//             tooltip: {},
//             xAxis: {
//                 data: data.datas.days
//             },
//             legend: {
//                 data:['正常签到人数']
//             },
//             yAxis: {},
//             series : [
//                 {
//                     name: '签到正常人数',
//                     type: 'bar',    // 设置图表类型
//                     data:data.datas.counts
//                 }
//             ]
//         })
//     }, 'json');
// }
function  left_0() {
    var myChart_left_0 = echarts.init(document.getElementById('left'));;
    var option = {
        title:{
            text:"迟到考勤记录"
        },
        xAxis: {
            data: ['第一周', '第二周', '第三周', '第四周']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [10, 5, 22, 13],
            type: 'bar'
        }]
    };
     myChart_left_0.setOption(option);
}

//早退middle_0

//缺勤 right_0

// // left_1();
// function left_1() {
//     var myChart_left_1 = echarts.init(document.getElementById('left_1'));
//     // 指定图表的配置项和数据
//     var option = {
//         legend: {data:['正常']},
//         tooltip: {data:['提示信息']},
//         dataset: {
//             // 提供一份数据。
//             source: [
//                 ['product', '2015', '2016', '2017'],
//                 ['Matcha Latte', 43.3, 85.8, 93.7],
//                 ['Milk Tea', 83.1, 73.4, 55.1],
//                 ['Cheese Cocoa', 86.4, 65.2, 82.5],
//                 ['Walnut Brownie', 72.4, 53.9, 39.1]
//             ]
//         },
//         // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
//         xAxis: {type: 'category'},
//         // 声明一个 Y 轴，数值轴。
//         yAxis: {},
//         // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
//         series: [
//             {type: 'bar'},
//             {type: 'bar'},
//             {type: 'bar'}
//         ]
//     };
//     myChart_left_1.setOption(option);
// }

left_1();//迟到早退缺勤 pie  left_1
function left_1(){
    var myChart_right = echarts.init(document.getElementById('left_1'));
    var option = {
        title: {
            text: '考勤记录'
        },
        tooltip: {},
        legend: {
            data:['迟到','早退','缺勤']
        },
        series: [
            {
                type: 'pie',
                data: [
                    {value: 1048, name: '迟到'},
                    {value: 735, name: '早退'},
                    {value: 580, name: '缺勤'}
                ]
            }
        ]
    };

    myChart_right.setOption(option);
}

//迟到早退缺勤
middle_1();
function  middle_1() {
    var myChart_middle_1 = echarts.init(document.getElementById('middle_1'));
    var option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // Use axis to trigger tooltip
                type: 'shadow'        // 'shadow' as default; can also be 'line' or 'shadow'
            }
        },
        legend: {
            data: ['迟到', '早退', '缺勤']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'value'
        },
        yAxis: {
            type: 'category',
            data: ['第一周', '第二周', '第三周','第四周']
        },
        series: [
            {
                name: '迟到',
                type: 'bar',
                stack: 'total',
                label: {
                    show: true
                },
                emphasis: {
                    focus: 'series'
                },
                data: [320, 302, 301, 334]
            },
            {
                name: '早退',
                type: 'bar',
                stack: 'total',
                label: {
                    show: true
                },
                emphasis: {
                    focus: 'series'
                },
                data: [120, 132, 101, 134]
            },
            {
                name: '缺勤',
                type: 'bar',
                stack: 'total',
                label: {
                    show: true
                },
                emphasis: {
                    focus: 'series'
                },
                data: [220, 182, 191, 234]
            }
        ]
    };
    myChart_middle_1.setOption(option);
}


// 指定图表的配置项和数据
// var option = {
//     title: {
//         text: '当月考勤记录'
//     },
//     tooltip: {data:['提示信息']},
//     legend: {
//         data:['正常']
//     },
//     xAxis: {
//         data: ["1号","2号","3号","4号","5号","6号","7号","8号","9号","10号","11号","12号",
//             "13号","14号","15号","16号","17号","18号","19号","20号","21号","22号","23号","24号"]
//     },
//     yAxis: {},
//     series: [{
//         name: '正常',
//         type: 'line',
//         data: [1, 0, 2, 5, 1, 0 ,1, 0, 2, 5, 1, 0,1, 0, 2, 5, 1, 0 ,1, 0, 2, 5, 1, 0,1,2,4,5,6,7,1]
//     }]
// };




// 使用刚指定的配置项和数据显示图表。
// myChart_middle.setOption(option);
//
// myChart_middle_1.setOption(option);
// myChart_right_1.setOption(option);
